@import url('font.css');
* {
  --body-font: "Source Sans";
  --ptsans-font:'PT Sans', sans-serif;
  --primary-font:"Source Sans";
  --primary-font-color: #000;
  --font-color2:#666;
  --opacity: .55;
  --opacity2: .8;
  --cj-border-color:#f0f0f0;
  --bg-grey-color:#fafafa;
  --primary-color:#228dfb;
  --bg-white:#fff;
  --body-font-size: 16px;
  --title-font-weight: bolder;
  --border-color:#8ac3fd;

}

/*选择*/
::-moz-selection {
  color:#ffffff;
  background:var(--primary-color);
}
::selection {
  color:#ffffff;
  background:var(--primary-color);
}
ol li, ul li {
  list-style-type: none;
}
.row>*{
  cursor:pointer;
}
.footerline{
  border-bottom:1px solid var(--cj-border-color);
}
.subfooter {
  margin-top: 50px;
  padding: 20px 0 20px 0;
}
.cj-block1{
  padding :100px 0 0 0;
  position: relative;
  z-index: 1;
}

html {
  overflow-x: hidden;
  padding: 0;
  margin: 0;
}

body {
  font-family: var(--body-font);
  font-size: var(--body-font-size);
  font-weight: 400;
  color: var(--primary-font-color);
  padding: 0;
  line-height: 29px;
  word-spacing: 0px;
}
h1, h2, h4, h3, h5, h6{
  margin-top: 0;
  font-weight: var(--title-font-weight);
}


#cjjt-wrapper {
  position: relative;
  overflow: hidden;
}

a,
a:hover {
  color: inherit;
  text-decoration: none;
}
header {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1001;
  margin: 0;
}

header div#logo {
  max-width: 200px;
  color: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

header div#logo img{
  width: 100%;
}

header.smaller #mainmenu ul ul {
  top: 0px;
}

header.smaller {
  position: fixed;
  top: 0px;
  background: var(--bg-white);
  border: none;
}

header:not(.header-light).smaller.scroll-light div#logo .logo {
  display: none;
}

header.smaller.scroll-light div#logo .logo-scroll {
  display: inline-block;
}

header.smaller.header-light div#logo .logo {
  display: none;
}

header.scroll-light #mainmenu li a,
header #mainmenu li.has-child:after {
  color: var(--primary-font-color);
}

header #mainmenu li li a{
  position: relative;
}

header #mainmenu li li a::before {
  content: "";
  height: 100%;
  width:0;
  background-color: var(--primary-color);
  transition: all ease .3s;
  position: absolute;
  left: -1px;
  top: 0;
}
header #mainmenu li li a:hover {
  color: var(--primary-color);
}
header #mainmenu li li a:hover::before {
  width:3px;
}
header.scroll-light {
  background: #ffffff;
  box-shadow: 0 0 10px 0 rgb(144 36 36 / 10%);
}
.de-flex {
  display: flex;justify-content: space-between;
}
.de-flex>.de-flex-col {
  display: flex;
  justify-content: center;
  align-items: center;
}

#de-subheader {
  margin-top: 80px;
}
/*面包屑*/
.crumb {
  font-size: 13px;
}
.crumb {
  display: inline-block;
  /*padding: 3px 10px;*/
  /*margin-top: 20px;*/
  line-height: 1.2em;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
}
.text-light .crumb a{
  color:rgba(255, 255, 255, 1.0);
}

#mainmenu {
  font-size: 13px;
  margin: 0 auto;
  float: none;
  counter-reset: my-awesome-counter;
  font-family: var(--body-font);
}
#mainmenu ul {
  margin: 0px 0px;
  padding: 0px;
  height: 30px;
  background: #ffffff;
  color: var(--primary-font-color);
  opacity: var(--opacity2);
}
#mainmenu ul:not(.mega) {
  border: solid 1px var(--cj-border-color);
}

#mainmenu li {
  margin: 0px 0px;
  padding: 0px 0px;
  float: left;
  display: inline;
  list-style: none;
  position: relative;
}

#mainmenu>li {
  margin-right: 30px;
}

#mainmenu>li {
  counter-increment: my-awesome-counter;
}

#mainmenu>li.has-child:after {
  font-family: Cjjticon;
  content: "\f115";
  padding-left: 5px;
  font-size: 8px;
  position: relative;
  top: -2px;
  left:-5px;
  color:rgba(0, 0, 0, .8);
}

#mainmenu >li>a {
  font-size: 15px;
  padding-right: 0px;
  font-weight: bolder;
  letter-spacing: .5px;
  opacity: .8;
}

#mainmenu li.has-child>a {
  padding-right: 0px;
}

#mainmenu a {
  position: relative;
  display: inline-block;
  padding-top: 25px;
  padding-bottom: 25px;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  outline: none;
}

header.smaller #mainmenu > li > a{
  padding-top: 18px;
  padding-bottom: 18px;
}

header.header-light #mainmenu a {
  color: var(--primary-font-color);
}

.header-light {
  background: #ffffff;
}
.vertical-center {
  min-height: 100%;
  min-height: 100vh;
  display: flex
;
  align-items: center;
}


#mainmenu li li {
  font-family: var(--body-font);
  font-size: 14px;
}

#mainmenu li li:last-child {
  border-bottom: none;
}

#mainmenu li li a {
  padding: 5px 15px;
  border-top: none;
  color:var(--font-color2);
  width: 100%;
  border-left: none;
  text-align: left;
  font-weight: normal;
  border-bottom: solid 1px var(--cj-border-color);
  letter-spacing: 0;
}

#mainmenu li:last-child>a {
  border-bottom: none;
}

#mainmenu li li a:after {
  content: none;
}
#mainmenu li a.active{
  color:var(--primary-color) !important;
}

#mainmenu li ul {
  width: 190px;
  height: auto;
  position: absolute;
  left: 0px;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  border-radius: 3px;
}

#mainmenu li li {
  font-size: 14px;
  display: block;
  float: none;
  text-transform: none;
}

#mainmenu li:hover>ul {
  visibility: visible;
  opacity: 1;
  margin-top: 0px;
}

#mainmenu li ul ul:not(.ul-list) {
  top: 0px;
  margin-left: 188px;
}
#menu-btn {
  display: none;
  float: right;
  width: 32px;
  height: 32px;
  padding: 4px;
  text-align: center;
  cursor: poInter;
  color: black;
  margin-top: 0px;
  margin-left: 20px;
}

#menu-btn:before {
  font-family: Cjjticon;
  content: "\f116";
  font-size: 20px;
}

#menu-btn.menu-open:before{
  content: "\f126";
}

header.header-mobile.header-center #logo{
  display: block;
}

#content {
  width: 100%;
  background: #ffffff;
  padding: 90px 0 90px 0;
  z-index: 100;
}

section {
  padding: 100px 0 100px 0;
}


footer {
  position: relative;
  overflow: hidden;
  background: var(--primary-font-color);
  padding: 100px 0 0 0;
}

footer.footer-light {
  background: var(--bg-grey-color);
}

footer.footer-light a {
  color: var(--font-color2);
}

footer h5{
  font-weight: bolder;
}

footer a {
  text-decoration: none !important;
}

header.header-mobile {
  position: fixed !important;
  background: var(--bg-white);
  top: 0;
  padding-bottom: 10px;
}

header.header-mobile .container {
  max-width: 100% !important;
  padding-left: 20px;
  padding-right: 20px;
}

header.header-mobile.has-topbar .header-row,
header.header-mobile.has-topbar .header-col {
  margin-top: 10px;
}


/*header.header-mobile.header-light {*/
/*  background: #fff;*/
/*}*/

header.header-mobile #mainmenu ul {
  padding: 0;
}

/*header.header-solid.header-light {*/
/*  background: #fff;*/
/*}*/


/* topbar start here */


.cjjticon-english{
  font-size: 24px;
  color:var(--primary-color);
  margin-right: 20px;
  display: inline-block;
  margin-top: 0;
}




.post-image{
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.post-image img {
  width: 100%;
  margin-bottom: 0px;
}

.crumb {
  margin: 0;
  padding: 0;
  font-weight: 500;
}

.crumb{
  padding-top: 10px;
  margin-bottom: -50px;
}

.crumb li {
  display: inline;
  text-decoration: none;
  letter-spacing: 0;
}

.crumb li:after {
  font-family: Cjjticon;
  content: "\f117";
  font-size: 10px;
  margin: 0 10px 0 10px;
  opacity: .5;
}

.crumb li:last-child:after {
  display: none;
}

.crumb a {
  text-decoration: none;
}

.crumb li .active {
  font-weight: bold;
}


a {
  text-decoration: none;
}


.de_count h3 {
  margin: 0;
  padding: 0;
  margin-bottom: 0px;
  line-height: 1em;
  padding-bottom: 10px;
  letter-spacing: -.5px;
}


.de_count.small h4 {
  font-size: 28px;
  margin-bottom: 0;
}

.de_count {
  font-weight: 500;
  color:var(--font-color2);
  padding: 0px;
  background: none;
}
h1,
h2,
h4,
h3,
h5,
h6,
.h1_big,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
footer.footer-light h5{
  margin-top: 0;

}
/*test*/



h1,
.h1 {
  font-size: 64px;
  margin-bottom: 20px;
  line-height: 1.1em;
  letter-spacing: -3px;
}

h1 span{
  display: inline-block;
}

h1.s1 {
  letter-spacing: 30px;
  font-size: 26px;
}

h1.s2 {
  display: inline-block;
  letter-spacing: 2px;
  text-transform: uppercase;
}

h2 {
  margin-top: 0;
  font-size: 36px;
  margin-bottom: 20px;
  line-height: 1.1em;
  letter-spacing: -1.25px;
  padding-bottom: 5px;
}

h2.s1,
.h2_s1 {
  font-size: 24px;
}


h3 {
  font-size: 26px;
  line-height: 1.4em;
  margin-bottom: 10px;
}

h3.s2{
  position: relative;
  font-size: 22px;
}





i.font60 {
  font-size: 60px;
}

.accordion-section-title {
  color: var(--primary-font-color);
  opacity: var(--opacity2);
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: poInter;
  font-family: var(--body-font);
  display: inline-block;
  text-decoration: none;
  font-weight: bolder;
  overflow: none;

}

.text-light .accordion-section-title:before{
  color: #ffffff;
}

.accordion-section-title.active {
  margin-bottom: 0px;
  text-decoration: none;
}

.accordion-section-title:hover {
  text-decoration: none;
}


/* margin top */


.mt30 {
  margin-top: 30px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}


.mb30 {
  margin-bottom: 30px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}


.pt30 {
  padding-top: 30px;
}


.pt60 {
  padding-top: 60px;
}


.pt80 {
  padding-top: 80px;
}


.pb50 {
  padding-bottom: 50px;
}

.relative,
.position-relative {
  position: relative;
  z-index: 1;
}

.z-1000 {
  position: relative !important;
  z-index: 1000;
}

.overflow-hidden {
  overflow: hidden;
}


header.header-mobile #mainmenu>li>span {
  -o-transition: none;
  -ms-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  transition: none;
  outline: none;
}




video,
object {
  display: inline-block;
  vertical-align: baseline;
  min-width: 100%;
  min-height: 100%;
}


p{
  margin-top: 0;
}


i {
  display: inline-block;
}


.widget {
  margin-bottom: 30px;
  padding-bottom: 30px;
}

footer .widget{
  margin-bottom: 0;
}


.widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.widget ul li {
  margin: 3px 0;
}

.widget .small-border {
  height: 2px;
  width: 30px;
  background: #fff;
  margin: 0px 0 20px 0;
  display: block;
}
footer h5{
  font-size:16px;
}

footer .widget {
  border: none;
  margin-bottom: 0;
}


footer .widget h5 {
  margin-bottom: 20px;
}

footer .widget_list li {
  padding: 0 0 10px 0;
  margin: 0;
  margin-bottom: 10px;
  background: none;
  border-bottom-color: rgba(255, 255, 255, .1);
}

footer .widget_list li a {
  color: #ccc;
}

footer .tiny-border span {
  background: #ffffff;
  display: block;
  height: 1px;
  width: 30px;
}


.d-flex {
  display: flex;
  /*white-space: nowrap;*/
}

.h-100{height: 100%}



.fs-14{font-size: 14px}
.fs-16{font-size: 16px}
.fs-18{font-size: 18px}
.fs-24{font-size: 24px}
.fs-32{font-size: 32px}
.fs-36{font-size: 36px}
.fs-48{font-size: 48px}
.fs-56{font-size: 56px}
.fs-60{font-size: 60px}


.fw-bold{font-weight: bold;}


.inline-block{
  display: inline-block;
}


/* swiperjs */

.swiper,
.sw-overlay{
  position: absolute;
  width: 100%;
  height: 100% !important;
}

.swiper-slide{
  position: relative;
  /*background: var(--bg-dark-1);*/
}

.sw-caption{
  z-index: 1;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  letter-spacing: -.5;
}

.swiper-scrollbar,
.swiper-scrollbar-horizontal,
.swiper-scrollbar-drag{
  display: none;
}

.swiper-inner{
  display: block;
  position: absolute;
  top:0;
  width: 100%;
  height: 100%;
}

.sw-anim{
  animation-delay: 0s;
  animation: scaleIn 2s;
}

.swiper-slide-active .subtitle {
  animation-delay: 0s;
  animation: scaleIn 2s;
}


.swiper-slide-active .slider-title {
  animation-delay: 1s;
  animation: scaleIn 2s;
}


.swiper-slide-active .slider-teaser,
.swiper-slide-active .slider-text {
  animation-delay: 1.2s;
  animation: scaleIn 2s;
}

.swiper-slide-active .slider-teaser {
  animation-delay: 1.4s;
  animation: scaleIn 2s;
}


.swiper-slide-active .slider-extra {
  animation-delay: 1.4s;
  animation: scaleIn 2s;
}



.swiper-slide-active .btn-main,.swiper-slide-active .btn-line {
  animation-delay: 1.4s;
  animation: scaleIn 2s;
}

.swiper-pagination{
  width: 200px;
  font-size: 20px;
  text-align: right;
  position: absolute;
  left: auto;
  right: 0;
  bottom: -44px;
  font-weight: 400;
}

.swiper-pagination-total{
  font-size:20px;
  opacity: .5;
}

.swiper-pagination-current{
  color:#ffffff;
  font-size: 20px;
}

.swiper-button-next, .swiper-button-prev{
  color:#ffffff;
}

.swiper-button-next:after, .swiper-button-prev:after{
  font-size:24px;
}

.swiper-button-next{
  right: 20px;
}

.swiper-button-prev{
  left: 20px;
}

.swiper-container {
  overflow: hidden;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 480px) {
  .swiper-container {
    min-height: 320px;
  }
}
.swiper-container-wrapper {
  display: flex;
  flex-flow: column nowrap;
  height: 100vh;
  width: 100vw;
}
@media (min-width: 480px) {
  .swiper-container-wrapper {
    flex-flow: row nowrap;
  }
}

.swiper-slide .description,
.swiper-slide .title {
  display: block;
  opacity: 0;
  transition: 0.5s ease 0.5s;
}
.swiper-slide-active .description,
.swiper-slide-active .title {
  opacity: 1;
}
.swiper-slide-active .title {
  margin-bottom: 0.5rem;
  font-size: 24px;
  color: #000;
  transition: opacity 0.5s ease 0.5s;
}
.swiper-slide-active .description {
  font-size: 16px;
  color: #777;
  transition: opacity 0.5s ease 0.75s;
}

.gallery-top {
  position: relative;
  width: 100%;
  height: 75vh;
}
@media (min-width: 480px) {
  .gallery-top {
    width: 80%;
    height: 100vh;
    margin-right: 10px;
  }
}


/*test*/

.fontsize24 {
  font-size: 24px;
}

.fontsize32 {
  font-size: 32px;
}

.fontsize36 {
  font-size: 36px;
}

.fontsize40 {
  font-size: 40px;
}

.fontsize48 {
  font-size: 48px;
}


.hidden-xy {
  overflow: hidden;
}

.no-bottom {
  margin-bottom: 0;
  padding-bottom: 0;
}

p {
  margin-bottom: 20px;
}


.bg-grey {
  background: var(--bg-grey-color);
}

.no-bottom {
  padding-bottom: 0 !important;
}

.no-top {
  padding-top: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.nopadding {
  padding: 0;
  margin: 0;
}

.scroll {
  display: block;
  width: 3px;
  height: 3px;
  margin: 6px auto;
  border-radius: 4px;
  background: #fff;
  -webkit-animation: finger 1s infinite;
  animation: finger 1s infinite;
}

@-webkit-keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes finger {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes finger {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

/* mouse scroll icon close */

@-moz-keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@-webkit-keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.profile_pic .subtitle {
  font-size: 13px;
  display: block;
  margin-bottom: 10px;
  color: #999;
}

.img-fullwidth {
  width: 100%;
  height: auto;
}

.rounded-10 {
  overflow: hidden;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.rounded-20 {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  position: relative;
}

.rounded-30{
  overflow: hidden;
  border-radius:20px;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
}

.circle{
  border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
}

.de-country:hover,
.dropdown ul {
  -webkit-box-shadow: 0 4px 6px 0 rgba(10, 10, 10, .2);
  -moz-box-shadow: 0 4px 6px 0 rgba(10, 10, 10, .2);
  box-shadow: 0 4px 6px 0 rgba(10, 10, 10, .2);
}

.rtl .carousel-control-next {
  right: 0;
}

.rtl .carousel-control-prev {
  left: 0;
  right: auto;
}


.size10 {
  font-size: 10px;
}

.size20 {
  font-size: 20px;
}

.size30 {
  font-size: 30px;
}

.size40 {
  font-size: 40px;
}

.size50 {
  font-size: 50px;
}

.size60 {
  font-size: 60px;
}

.size70 {
  font-size: 70px;
}

.typed-strings p {
  position: absolute;
}

a,
img {
  outline: 0;
}

.z1 {
  z-index: 1;
}

.z10 {
  z-index: 10;
}

/* R E S P O N S I V E */


/* ================================================== */

/* bootstrap cols 5 */
@media (min-width: 992px) {
  .col-md-1-5 { width: 20%; }
  .col-md-2-5 { width: 40%; }
  .col-md-3-5 { width: 60%; }
  .col-md-4-5 { width: 80%; }
  .col-md-5-5 { width: 100%; }
}

@media (min-width: 1200px) {
  .col-lg-1-5 { width: 20%; }
  .col-lg-2-5 { width: 40%; }
  .col-lg-3-5 { width: 60%; }
  .col-lg-4-5 { width: 80%; }
  .col-lg-5-5 { width: 100%; }
}
/* bootstrap cols 5 end */


@media (min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1300px; /*test*/
  }
}


@media(min-width:980px) and (max-width: 1199px) {
  #mainmenu li a:after {
    margin-left: 15px;
  }

  .pf_full_width.gallery_border .item,
  .pf_full_width.gallery_border.pf_2_cols .item,
  .pf_full_width.gallery_border.pf_3_cols .item {
    float: left;
    width: 23.95%;
  }

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    min-width: 95%;
  }
}

/* --------------------------------------------------
    design for 768px
    /* ================================================== */

@media (min-width: 768px) and (max-width: 979px) {
  .slider_text {
    padding-top: 0px;
  }
}

@media only screen and (max-width: 1090px) {
  #quick_search {
    width: 200px;
  }

  #quick_search {
    position: absolute;
    top: 30px;
  }
}

@media only screen and (max-width: 992px) {

  .container{
    max-width: 100%;
  }




  .mb-sm-20 {
    margin-bottom: 20px;
  }

  .mb-sm-30 {
    margin-bottom: 30px;
  }

  .sm-mt-0 {
    margin-top: 0;
  }

  .p-sm-30 {
    padding: 40px;
  }

  .pb-sm-0 {
    padding-bottom: 0;
  }

  .mb-sm-0 {
    margin-bottom: 0;
  }

  .sm-padding40{
    padding: 40px;
  }

  header .header-col {
    position: absolute;
    top: 0;
  }

  header .header-col.mid {
    position: absolute;
    top: 70px;
    width: 100%;
    padding: 0 0 0 0;
  }

  .text-center-sm {
    text-align: center;
  }

  .sm-pt10 {
    padding-top: 10px;
  }

  #menu-btn {
    display: block;
    float: right;
    z-index: 1000;
    top: 0;
    right: 0;
  }

  .inner-padding {
    padding: 40px;
  }

  .header-col-left,
  .header-col-right {
    padding-top: 16px;
  }

  .header-col-mid #mainmenu {
    position: absolute;
    top: 90px;
    width: 100%;
    padding: 0 0 0 0;
    left: 20px;
  }

  #mainmenu>li::before{
    display: none;
  }

  header {
    display: none;
  }

  header .info {
    display: none;
  }

  header.header-bg {
    background: rgba(0, 0, 0, 1);
  }

  header,
  header.fixed {
    display: block;
    position: inherit;
    margin: 0;
    padding: 0;
    margin-top: 0;
    height: auto;
    background: #111111;
  }

  #de-sidebar {
    position: absolute;
    width: 100%;
    right: 1px;
  }

  header.side-header,
  .de_light header.side-header {
    position: absolute;
    display: block;
    height: 60px;
    top: 0;
    background: #000;
  }

  header.side-header #mainmenu {
    position: absolute;
    background: #000;
    margin: 0;
    top: 60px;
    left: 0;
    width: 100%;
  }

  header.side-header #logo .logo {
    display: none;
  }

  header.side-header #logo .logo-2 {
    display: inline-block;
    position: absolute;
    height: 30px;
    top: 15px;
    left: 40px;
  }

  header.side-header #menu-btn {
    position: absolute;
    top: 8px;
    right: 30px;
    height: 0;
    z-index: 2000;
    height: 35px;
  }

  header.side-header #mainmenu li {
    display: block;
  }

  header.side-header #mainmenu a,
  .de_light.de-navbar-left header #mainmenu>li>a {
    display: block;
    text-align: center;
    color: #fff;
  }

  .de_light.de-navbar-left header #mainmenu>li {
    border-bottom: solid 1px rgba(255, 255, 255, .1);
  }

  header.side-header #mainmenu a:hover {
    background: none;
  }

  header.side-header #mainmenu a:hover {
    background: none;
  }

  header.side-header .social-icons-2 {
    display: none;
  }

  header.autoshow {
    height: auto;
    top: 0;
  }

  header.autoshow #mainmenu li a {
    background: none;
  }

  header.header-mobile-sticky {
    position: fixed;
  }



  .container-4 .de-team-list {
    width: 49.9%;
    float: left;
    position: relative;
  }

  nav {
    height: 0;
  }

  #mainmenu {
    position: fixed;
    height: 100%;
    z-index: 200;
    width: 200px;
    margin: 0;
    margin-top: 10px;
    padding: 0;
    padding-top: 20px;
    padding-bottom: 100px !important;
    overflow-y: auto;
    top: 100px;
  }

  #mainmenu ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  #mainmenu a.menu-item {
    text-align: left;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #mainmenu li.has-child:after {
    display: none;
  }

  #mainmenu li li a.menu-item,
  #mainmenu li li li a.menu-item {
    padding-left: 0;
  }

  #mainmenu a.menu-item:hover {
    background: #111;
  }

  #mainmenu a.menu-item:hover {
    background: #111;
  }

  #mainmenu li ul {
    display: block;
    position: inherit;
    margin: 0;
    width: 100%;
  }

  #mainmenu li {
    margin: 0;
    width: 100%;
    display: block;
  }

  #mainmenu li a.menu-item:after {
    display: none;
  }

  #mainmenu li:last-child {
    margin-bottom: 30px;
  }

  #mainmenu li ul {
    border-top: solid 1px #eee;
    top: auto;
    width: auto;
    height: auto;
    position: inherit;
    visibility: visible;
    opacity: 1;
  }

  #mainmenu>li.menu-item-has-children>a.menu-item {
    position: relative;
    padding-right: 15px;
  }

  #mainmenu>li.menu-item-has-children>a.menu-item:after {
    content: "\f107";
    font-family: "FontAwesome";
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
  }

  #mainmenu li ul a.menu-item {
    width: 100%;
    background: none;
    border: none;
  }

  #mainmenu li ul li {
    border: none;
    padding-left: 40px;
  }

  #mainmenu li ul li a.menu-item {
    display: block;
  }

  #mainmenu li ul li:last-child {
    border-bottom: none;
    margin: 0;
  }

  #mainmenu li ul li:last-child a.menu-item {
    border-bottom: none;
  }

  #mainmenu li a {
    color: #eceff3;
  }

  #mainmenu li li a.menu-item:hover {
    color: #fff;
  }

  #mainmenu ul:not(.mega) {
    border: none;
  }

  #mainmenu>li ul.mega .sb-menu {
    border: none;
  }

  #back-to-top {
    display: none;
  }

  header.header-mobile {
    overflow: hidden;
    position: relative;
  }

  header.header-mobile #mainmenu {
    width: 100%;
    padding-right: 30px;
  }

  header.header-mobile #mainmenu ul {
    background: none;
  }

  header.header-mobile #mainmenu a.menu-item {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  header.header-light.header-mobile #mainmenu a.menu-item{
    color:var(--primary-font-color);
  }

  header.header-mobile #mainmenu a.menu-item:hover {
    background: none;
  }

  header.header-mobile #mainmenu li ul {
    display: block;
    position: inherit;
    margin: 0;
    width: 100%;
  }

  header.header-mobile #mainmenu li {
    margin: 0;
    width: 100%;
    display: block;
  }

  .dark-scheme header.header-mobile #mainmenu li {
    border-bottom-color: rgba(255, 255, 255, .1);
  }

  header.header-mobile #mainmenu li ul.mega ul {
    height: auto;
  }

  header.header-mobile #mainmenu li ul.mega .menu-content {
    background: #fff;
  }

  header.header-light.header-mobile #mainmenu li,
  header.header-light.header-mobile #mainmenu li ul li a.menu-item {
    /*border-color: #eee;*/
  }

  header.header-mobile #mainmenu li a.menu-item:after {
    display: none;
  }

  header.header-mobile #mainmenu li:last-child {
    margin-bottom: 30px;
  }

  header.header-mobile #mainmenu li ul {
    border-top: none;
    top: auto;
  }

  header.header-mobile #mainmenu li ul a.menu-item {
    width: 100%;
    background: none;
    border: none;
  }

  header.header-mobile #mainmenu li ul li {
    border: none;
    padding-left: 40px;
  }

  /*header #mainmenu li ul li:first-child {*/
  /*  border-top: solid 1px var(--bg-dark-3);*/
  /*}*/

  .dark-scheme header #mainmenu li ul li:first-child {
    border-top-color: rgba(255, 255, 255, .1);
  }

  header.header-mobile #mainmenu li ul li a.menu-item {
    display: block;
    border-bottom: solid 1px var(--bg-dark-3);
  }

  header.header-mobile #mainmenu li ul li:last-child {
    border-bottom: none;
    margin: 0;
  }

  header.header-mobile #mainmenu li ul li:last-child a.menu-item {
    border-bottom: none;
  }

  /*header.header-mobile #mainmenu li a {*/
  /*  color: #ffffff;*/
  /*}*/

  .dark-scheme header.header-mobile #mainmenu li a.menu-item {
    color: #ffffff;
  }

  header.header-mobile #mainmenu li a.menu-item:hover {
    color: var(--primary-color);
  }

  .dark-scheme header.header-mobile #mainmenu li a.menu-item:hover {
    color: #fff;
  }

  header.header-mobile #mainmenu li ul {
    height: 0;
    overflow: hidden;
    position: relative;
    left: 0;
  }

  header.header-mobile #mainmenu li ul li ul {
    margin-bottom: 10px;
  }

  header.header-mobile #mainmenu>li>span {
    width: 36px;
    height: 36px;
    background: url(../image/arrow-down.png) center no-repeat;
    position: absolute;
    right: 0;
    margin-top: 10px;
    z-index: 1000;
    cursor: poInter;
  }

  .dark-scheme header.header-mobile #mainmenu>li>span {
    background: url(../image/arrow-down.png) center no-repeat;
  }

  header.header-mobile #mainmenu li span.active {
    background: url(../image/arrow-up-light.png) center no-repeat;
  }

  .dark-scheme header.header-mobile #mainmenu li span.active {
    background: url(../image/arrow-up-light.png) center no-repeat;
  }

  header.header-mobile #mainmenu li>ul>li>span {
    width: 36px;
    height: 36px;
    background: url(../image/arrow-down.png) center no-repeat;
    position: absolute;
    right: 0;
    margin-top: -45px;
    z-index: 1000;
    cursor: poInter;
  }

  header.header-mobile #mainmenu>li>ul>li>span.active {
    background: url(../image/arrow-up.png) center no-repeat;
  }

  header.header-mobile #mainmenu li ul li a.menu-item {
    border-bottom: solid 1px rgba(255, 255, 255, .2);
  }

  .dark-scheme header.header-mobile #mainmenu li ul li a.menu-item {
    border-bottom-color: rgba(255, 255, 255, .1);
  }

  header.header-mobile #mainmenu li ul li:last-child>a.menu-item {
    border-bottom: none;
  }

  header.header-light.header-mobile #mainmenu>li>span,
  header.header-light.header-mobile #mainmenu li>ul>li>span {
    background: url(../image/arrow-down.png) center no-repeat;
  }

  header.header-light.header-mobile #mainmenu>li>span.active,
  header.header-light.header-mobile #mainmenu li>ul>li>span.active {
    background: url(../image/arrow-up.png) center no-repeat;
  }

  #mainmenu li ul.mega {
    position: fixed;
    left: 0;
    width: 100%;
    margin-top: 30px;
    display: block;
  }

  #mainmenu li ul.mega>li {
    width: 100%;
  }

  #mainmenu li ul.mega>li ul {
    position: static;
    visibility: visible;
    opacity: 1;
    left: 0;
    float: none;
    width: 100%;
  }

  #mainmenu ul.mega>li ul li {
    margin: 0;
    padding: 0;
  }

  /*#mainmenu li ul.mega .menu-content {*/
  /*  background: #202020;*/
  /*  padding: 30px;*/
  /*}*/



  .de_tab.tab_methods .de_nav {
    text-align: center;
  }

  .de_tab.tab_methods .de_nav li {
    margin: 5px;
    padding: 0;
  }

  .de_tab.tab_methods .de_nav li span {
    margin: 0;
    display: inline-block;
  }

  .de_tab.tab_methods .de_nav li .v-border {
    border: none;
  }

  .hidden-phone {
    display: none;
  }

  .grid_gallery .item {
    width: 100%;
  }

  .table [class*="col-"] {
    float: none;
    display: block;
    vertical-align: top;
  }

  .table-pricing thead tr,
  .table-pricing tbody tr {
    display: block;
    width: 100%;
  }

  .table-pricing thead tr {
    display: none;
  }

  .table-pricing tbody tr th,
  .table-pricing tbody tr td {
    text-align: left;
    display: block;
    width: 100%;

  }

  .table-pricing tbody tr td {
    padding: 10px 30px;
  }

  .table-pricing tbody tr td:nth-child(2) {
    padding-top: 30px;
  }

  .table-pricing tbody tr td:last-child {
    padding-bottom: 40px;
    text-align: center;
  }

  .table-pricing tbody tr th span,
  .table-pricing tbody tr td span {
    min-width: 50%;
  }

  .table-pricing tbody tr th .lbl,
  .table-pricing tbody tr td .lbl {
    display: inline-block;
    min-width: 50%;
  }

  .table-pricing tbody tr th {
    color: #ffffff;
    padding: 20px 30px;
  }

  .sm-hide {
    display: none;
  }

  .d-btn-close {
    position: relative;
  }

  .de_tab.tab_style_4 .de_nav li {
    min-width: 100px;
  }

  #mainmenu a.menu-item span {
    display: none;
  }

  .pf_full_width.grid {
    margin-left: 1.5%;
  }

  .de_tab.tab_methods.style-2 .de_nav li.active .arrow {
    margin-top: -40px;
    margin-bottom: 40px;

  }

  .table-custom-1 {
    position: relative;
    height: auto;
  }

  .timeline>li>.timeline-panel {
    width: 100%;
  }

  .timeline-badge {
    display: none;
  }

  .timeline:before {
    background: none;
  }

  .tp-caption {
    padding-left: 40px;
    padding-right: 40px;
  }

  .author_list {
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
  }

  .images-deco-1 .d-img-3{
    width: 100px;
    height: 100px;
  }

  .subfooter .de-flex,
  .subfooter .de-flex-col {
    display: block;
  }

  .subfooter .social-icons {
    margin-top: 20px;
  }

  .subfooter span.copy {
    margin-top: 20px;
    display: block;
  }

  .dropdown {
    display: inline-block;
    margin-bottom: 10px;
  }

  .side-bg .image-container {
    position: relative;
    width: 100%;
    height: 400px !important;
    top: 0;
    margin-bottom: 60px;
  }

  .side-bg-text {
    margin-bottom: 80px;
  }

  .sm-img-fluid{
    width: 100%;
  }

  section{
    padding: 60px 0;
  }

  #subheader{
    padding-top: 120px;
    padding-bottom: 60px;
  }

  #testimonial-carousel .de_testi{
    margin:0 20px;
  }

  .crumb{
    margin-bottom: 0;
  }

  section.bottom-rounded{
    overflow: hidden;
    border-radius:0 0 0% 0%;
    -moz-border-radius:0 0 0% 0%;
    -webkit-border-radius:0 0 0% 0%;
    padding-bottom: 60px;
  }

  /* title tablet */

  h1,
  h1.ultra-big,
  h1.ultra-big .text-line,
  h1.ultra-big-2,
  .title-text,
  .de_count h3 span,
  h1.slider-title{
    font-size: 60px;
  }

  h1.slider-title,
  h2.slider-title{
    margin-bottom: 0;
  }

  h2{
    font-size: 40px;
  }

  .arrow-divider > [class*=col-]:nth-child(n+2):after{
    display: none;
  }

  .mt-sm-60{
    margin-top: 60px;
  }

}

/* --------------------------------------------------
    custom for 320px & 480px
    /* -------------------------------------------------- */

@media only screen and (max-width: 767px) {

  /* header .logo-main {*/
  /*  display: none;*/
  /*}*/

  header .logo-init {
    display: none;
  }

  header .logo-mobile {
    display: block;
  }

  header .btn-main{
    display: none;
  }

  #topbar{
    display: none;
  }

  .de-table.table-rank thead th:nth-child(5),
  .de-table.table-rank thead th:nth-child(6),
  .de-table.table-rank thead th:nth-child(7),
  .de-table.table-rank tbody td:nth-child(4),
  .de-table.table-rank tbody td:nth-child(5),
  .de-table.table-rank tbody td:nth-child(6) {
    display: none;
  }

  .d_profile {
    display: block;
  }

  .d_profile .de-flex-col {
    display: block;
  }

  .profile_avatar {
    display: block;
  }

  .profile_avatar i {
    margin-top: -40px;
  }

  .profile_name {
    margin-left: 0;
    margin-top: 20px;
    display: block;
    width: 100%;
  }

  .profile_follow {
    margin-top: 40px;
    width: 100%;
  }

  .menu_side_area {
    margin-left: 20px;
    width: 100%;
    position: relative;
    right: 0;
    text-align: right;
    z-index: 0;
    display: block;
  }

  header .container {
    min-width: 100%;
  }

  .pricing-2-col .pricing-box,
  .pricing-3-col .pricing-box,
  .pricing-4-col .pricing-box,
  .pricing-5-col .pricing-box {
    width: 100%;
  }

  .container-4 .de-team-list {
    width: 100%;
    float: left;
    position: relative;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-box {
    margin-bottom: 30px;
  }

  #filters li.pull-right {
    float: none;
  }

  .pf_full_width .item {
    float: left;
    width: 49.9%;
  }

  .text-item {
    font-size: 48px;
    line-height: 48px;
  }

  .text-item i {
    font-size: 36px;
  }

  #de-sidebar {
    width: 100%;
    display: block;
    position: relative;
  }

  .gallery_border {
    margin-left: 0px;
  }

  .pf_full_width.gallery_border .item {
    width: 48.9%;
  }

  body.boxed {
    margin: 0px;
  }

  .de_tab.tab_style_4 .de_nav {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }

  .de_tab.tab_style_4 .de_nav li {
    min-width: 33.3%;
    width: 33.3%;
    border: none;
  }

  .de_tab.tab_style_4 .de_nav li:first-child,
  .de_tab.tab_style_4 .de_nav li:last-child {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
  }

  .pf_full_width.grid {
    margin-left: .2%;
  }

  .pf_full_width.grid .item {
    width: 48.5%;
  }

  .display-table [class*="col-"] {
    display: table;
  }

  h1.big,
  h1_big {
    font-size: 8vw;
    line-height: 10vw;
  }

  .xs-hide {
    display: none;
  }

  .author_list {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
  }

  .scrollbar-v,
  .float-text{
    display: none;
  }

  .de-spot span{
    display: none;
  }

  .de-spot .de-circle-1,
  .de-spot .de-circle-2{
    transform: scale(.25);
  }

  section{
    padding: 40px 0;
  }

  #subheader{
    padding-top: 100px;
  }

  /* title phone */

  h1,
  h1.ultra-big,
  h1.ultra-big .text-line,
  h1.ultra-big-2,
  .title-text,
  .de_count h3 span,
  h1.slider-title,
  h2.slider-title{
    font-size: 48px;
    letter-spacing: -2px;
  }

  h2{
    font-size: 24px;
    letter-spacing: -1.25px;
  }


  .fs-xs-12{font-size: 12px}
  .fs-xs-14{font-size: 14px}
  .fs-xs-15{font-size: 15px}
  .fs-xs-16{font-size: 16px}
  .fs-xs-18{font-size: 18px}
  .fs-xs-20{font-size: 20px}
  .fs-xs-24{font-size: 24px}
  .fs-xs-32{font-size: 32px}
  .fs-xs-36{font-size: 36px}
  .fs-xs-40{font-size: 40px}
  .fs-xs-42{font-size: 42px}
  .fs-xs-48{font-size: 48px}
  .fs-xs-56{font-size: 56px}
  .fs-xs-60{font-size: 60px}
  .fs-xs-64{font-size: 64px}
  .fs-xs-72{font-size: 72px}
  .fs-xs-84{font-size: 84px}
  .fs-xs-96{font-size: 96px}
  .fs-xs-120{font-size: 120px}
  .fs-xs-150{font-size: 150px}

  #de-subheader{
    margin-top: 60px;
  }

  #de-subheader.op-2{
    margin-top: 60px;
  }

}

/* --------------------------------------------------
    design for 480px
    /* -------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .pricing-box {
    margin-bottom: 30px;
  }

  .timeline-panel {
    margin-bottom: 30px;
  }

  .timeline-pic {
    height: 300px;
  }
}

/* --------------------------------------------------
    design for 320px
    /* -------------------------------------------------- */

@media only screen and (max-width: 480px) {

  .pf_full_width .item {
    float: left;
    width: 100%;
  }

  .text-item {
    font-size: 32px;
    line-height: 32px;
  }

  .text-item i {
    font-size: 24px;
  }

  .pf_full_width.gallery_border .item {
    width: 100%;
  }

  h4.s2 span {
    display: block;
    margin: 0;
    padding: 0;
  }

  .h-phone {
    display: none;
  }

  .author_list {
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px;
  }

  header a.btn-main i {
    display: inline-block;
  }

  #form_quick_search {
    margin-bottom: 0px;
  }

}

@media only screen and (max-width: 360px) {
  #topbar {
    display: none;
  }
}

/* section control */
@media only screen and (min-device-width: 768) and (max-device-width: 1024) and (orientation: portrait) {
  section {
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-attachment: scroll;
  }
}

@media only screen and (max-width: 992px) {
  #subheader {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: scroll;
  }

  section {
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    background-attachment: scroll;
  }
}
.staff {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;

}
.staff .imgdiv{
  overflow: hidden;
  /*padding-top:10px;*/
}
.staff .img {
  height: 320px;
  background-position: top center;
  transition: transform 0.3s ease;
  object-fit: cover;
  width: -webkit-fill-available;
}
.staff .text {
  background: #fff;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.staff .text h3 {
  margin-bottom: 0; }
.cj-block1 .staff .text .position {
  color: var(--primary-color);
  display: block;
}
.staff .text .faded {
  opacity: 0;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 991.98px) {
  .staff .text .faded {
    opacity: 1; }

}
@media (min-width: 991.98px) {
.cj-block1 .staff:hover .img{
  transform: scale(1.1) rotate(0.1deg);
}
.cj-block1 .staff:hover .text {
  margin-top: -50px;
  border-top:3px solid var(--primary-color);
  position: relative;
  transform: scale(1.1) rotate(0.1deg);
}
.staff:hover .text .faded{
  opacity: 1;
}
  .staff:hover a .text .faded h3{
    font-weight: bold;
  }
}

.cj-block1::before{
  position: absolute;
  bottom:14%;
  left: 0;
  right: 0;
  width: 100%;
  height: 210px;
  content: '';
  background: var(--bg-grey-color);
  z-index: -1;
}
.cj-dsj-left-swiper{
  font-family: var(--ptsans-font); /* 字体类型 */
  font-size: 18px;
}
.cj-dsj-left-swiper{
  border-right: 2px solid var(--bg-white);
}
.cj-dsj-right-swiper h4{
  font-family: var(--ptsans-font); /* 字体类型 */
  font-weight: 700;
  line-height: normal;
}
.cjjticon-enlarge{
  width:16px;
  color:var(--bg-white);
}
.cjjt-number h3{
  font-family: var(--ptsans-font); /* 字体类型 */
  position: relative;
  z-index: 1;
  color:var(--primary-color)
}

.ftco-services .services.services-2 .icon span {
  font-size: 50px;
  color: var(--primary-color);
}
.pl-pr{
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
}
.cjjt-business-con .block-6{
  border-bottom:1px solid var(--cj-border-color);
  border-left:1px solid var(--cj-border-color);
}
.cjjt-business-con>:nth-child(1) .block-6{
  border-top-left-radius: 12px;
}
.cjjt-business-con>:nth-child(10) .block-6{
  border-bottom-right-radius: 12px;
}
@media screen and (min-width: 992px) {

  .cjjt-business-con>:nth-child(5n) .block-6{
    border-right:1px solid var(--cj-border-color);
  }
  .cjjt-business-con>:nth-child(-n+5) .block-6{
    border-top:1px solid var(--cj-border-color);
  }
  .cjjt-business-con>:nth-child(5) .block-6{
    border-top-right-radius: 12px;
  }
  .cjjt-business-con>:nth-child(6) .block-6{
    border-bottom-left-radius: 12px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .cjjt-business-con>:nth-child(2n) .block-6{
    border-right:1px solid var(--cj-border-color);
  }
  .cjjt-business-con>:nth-child(-n+2) .block-6{
    border-top:1px solid var(--cj-border-color);
  }
  .cjjt-business-con>:nth-child(2) .block-6{
    border-top-right-radius: 12px;
  }
  .cjjt-business-con>:nth-child(9) .block-6{
    border-bottom-left-radius: 12px;
  }
}
@media screen and (max-width: 767px) {
  .cjjt-business-con>:nth-child(-n+10) .block-6{
    border-right:1px solid var(--cj-border-color);
  }
  .cjjt-business-con>:nth-child(1) .block-6{
    border-top:1px solid var(--cj-border-color);
  }
}


/*新闻中心*/
.quote-thumb {
  float: left;
  margin-right: 20px;
  position: relative;
  z-index: 1;
}
.quote-thumb img{
  width:90px;
  height:90px;
  border-radius:50%;
}


/*新闻报道*/
.quote-title {
  position: relative;
}

.quote-title h5{
  font-size: 22px;
  font-weight: 600;
  transition: 0.5s;
  /*padding: 0 0 5px;*/

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: left;
}

.quote-title .relative{
  display: -webkit-box;
}


.mySwiper2 h4{
  font-size: 60px;
}
.project .cjjticon-play{
  font-size: 48px;
  color:var(--bg-white);
}
.project:hover .popup-vimeo {
  display: block;
  position: absolute;
  left: 40%;
  bottom: 22%;
  transform: translate(-40%,-22%);

  /*bordeR: 1px solid #fff;*/
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
  opacity: 1;
  z-index: 2;

}
.testimonial-single-box  {
  -webkit-tap-highlight-color: transparent;
}


@media (max-width: 991.98px) {
  .cj-block1::before {
    content: unset;
  }
}
.subfooter .de-flex>.de-flex-col {
  display:  block;
}
.footer-light .widget ul {
  font-size: 14px;

}
.staff .text span.position{
  font-size: 16px;
}
.staff .text p{
  font-size: 14px;
  color:var(--font-color2)
}

.no-opacity{
  opacity: 1!important;
}
.staff .text .faded p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  color:var(--font-color2);
  line-height: normal;
}
.headeractive a.no-opacity{
  color: var(--primary-color)!important;
  opacity: 1!important;
}
.headeractive::after{
  color: var(--primary-color)!important;
}
@media (min-width: 1023px) {
  .footer-light .col-lg-7,.footer-light .col-lg-custom-3{
    padding-left:0;
    padding-right:0;
  }
}

.fontptsan{
  font-family: var(--ptsans-font);
}
.fontptsan:not(.cjjticon-calendar){
  font-family:var(--ptsans-font); ;
}

@media(min-width:1023px){
.pcglc .col-lg-custom-3{
  padding-left:8px;
  padding-right:8px;
}
}
.text-light, .text-light p {
  color: var(--bg-white);
}